<template>
    <div>  
      <div class="bz">
        <span class="demonstration">日期</span>
        <el-date-picker
          v-model="value1"
          type="daterange"
          range-separator="至"
          start-placeholder="Start date"
          end-placeholder="End date"
          :size="size"
        />
        <el-button type="primary" round @click="search">查询</el-button>
        <div class="nnn">
          <el-button round>批量打印</el-button>
          <el-button type="primary" round @click="dialogFormVisible = true"
            >新增</el-button
          >
        </div>
      </div>
  
      <div class="biao">
        <el-table
          :data="tableData1"
          style="width: 100%"
          row-key="id"
          border
          lazy
          :load="load"
          :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
        >
          <el-table-column prop="date" label="时间" />
          <el-table-column prop="name" label="温度" />
          
        </el-table>
      </div>
    </div>
  </template>
  
  
  <script setup>
  </script>
  
  
  <style scoped>
  .head {
    width: 75%;
    height: 40px;
    margin: 0 auto;
  }
  .nav1 {
    width: 80%;
    height: 30px;
    margin: 20px auto;
    padding: 20px;
  }
  .mx-1 {
    font-size: 16px;
    margin: 100px;
  }
  
  .bz {
    width: 80%;
    margin: 0 auto;
    padding: 30px 0;
    border-right: solid 1px var(--el-border-color);
    flex: 1;
  }
  .biao {
    width: 60%;
    height: 800px;
    margin: 0 auto;
  }
  .nnn {
    float: right;
  }
  </style>